<template>
  <div class="vita-tabs">
    <slot>Tab Elements</slot>
  </div>
</template>

<script>

  import ClassRegister from '../mixin/class-register'
    
  export default {

    mixins: [ ClassRegister ],

    data() {
      return {
        tabs: [],
        _selectedTab: null,
        _preSeletedTab: null,
        _selectedTabIndex: Number,
        _isVisible: true
      }
    },

    methods: {

      addTab(tab) {
        this.tabs.push(tab)
      },

      removeTab(tab) {

      },

      deselect(tab) {

      },

      select(tab) {

      },

      showBar(show) {

      },

      selectedIndex() {
        return this.tabs.indexOf(this._selectedTab)
      },

      selectedTab() {
        return this._selectedTab
      }

    },

    ready() {
      this._registerClassName('vita-content', 'has-tabs')
    }

  }

</script>